<!DOCTYPE html>
<html lang="ru-RU">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">	
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta name="author" content="Trumplin.net Dev Team">
	<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, maximum-scale=1.0">
	<meta name="HandheldFriendly" content="True">
	<title></title>
	<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&amp;subset=latin,cyrillic' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Istok+Web:400,400italic,700,700italic&amp;subset=latin,cyrillic' rel='stylesheet' type='text/css'>
	<link href="/clientarea/css/styles.css" rel="stylesheet" type="text/css">
	<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
	<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
	function handleHeight(){
		var h = $(document).height();
		var h1 = $("#left-sidebar").height(); h=h-40; h1=h1-40;
		if (h<=h1){ $("#main-content").css("height",h1);}else
		{$("#main-content").css("height","100%");}
	}
</script>	
<script type="text/javascript">
	$(function(){
		$("#no-js-warning").addClass("hidden");
		handleHeight();
		var n = navigator.appVersion;		
		var p = n.indexOf("WebKit");
		if (p>=0){ $("div.select-style").addClass("webkiteng");}
	});
</script>
<script type="text/javascript">
	$(function(){
		$(window).resize(function(){
			handleHeight();
		});
	});
</script>
<script type="text/javascript">
	$(function(){
		$(window).keydown(function(){
			handleHeight();
		});
	});
</script>
<script type="text/javascript">
	$(function(){
		$(window).click(function(){
			handleHeight();
		});
	});
</script>
<script>
	$(function(){
		var a = $("span.unread-items-count-text");
		var b = a.parent(); 
		var c = a.text();		
		if ($.trim(c)=="0"){ b.addClass("hidden");}else{
		if ($.trim(c)==""){ b.addClass("hidden"); }}
	});
</script>
<script type="text/javascript">
	$(function(){
		$( "#client-area-sidebar-nav li a").hover(function() {
			var a = $(this).find("img"); 
			var b = a.attr("class");
			var c = b+"-hovered";
			a.removeClass(b);
			a.addClass(c);
		}, function() {
			var a = $(this).find("img"); 
			var b = a.attr("class");
			var c = b.replace("-hovered","");
			a.removeClass(b);
			a.addClass(c);
		});		
	});
</script>
<script type="text/javascript">
	function resetTableView(){
		$("table.client-area-table tr.extracted").each(function () {     
			if ($(this).attr("id")){
				$(this).removeClass("extracted");				
			}else{
				$(this).addClass("hidden");
				$(this).removeClass("extracted");				
			}
		});
	}
</script>
<script type="text/javascript">
	$(function(){
		$( "img.eye-action").click(function() {					
			var a = $(this).parent().parent().parent();			
			var b = a.attr("id");
			var c = a.parent();
			var d = c.find("tr."+b);
			if (d.hasClass("hidden")){
				resetTableView();
				d.removeClass("hidden");
				d.addClass("extracted");
				a.addClass("extracted");
			}else{
				d.addClass("hidden");
				d.removeClass("extracted");
				a.removeClass("extracted");
			}
		});		
	});
</script>
<script type="text/javascript">
	function resetTableCheckboxes(){
		$("table.client-area-table input.table-checkbox").each(function () {     
			$(this).prop("checked",false);
		});
	}
</script>
<script type="text/javascript">
	function setTableCheckboxes(){
		$("table.client-area-table input.table-checkbox").each(function () {     
			$(this).prop("checked",true);
		});
	}
</script>
<script type="text/javascript">
	$(function(){
		$( "#checkbox-head").click(function() {											
			if ($(this).prop("checked")){				
				setTableCheckboxes();
			}else{
				resetTableCheckboxes();				
			}
		});		
	});
</script>
<script type="text/javascript">
	$(function(){
		$("select[name=message-action]").change(function(){
			var a = $("table tbody").find("input[type=checkbox]:checked").attr("id");				
			if ($.trim(a)!=""){
				$("form[name=client-area-messages-form]").submit();
			}else{return false;}
		});
	});
</script>
<script type="text/javascript">
	$(function(){
		$("select").focus(function(){
			var a = $(this).parent();
			a.addClass("select-focused");
		});
		$("select").focusout(function(){
			var a = $(this).parent();
			a.removeClass("select-focused");
		});
	});
</script>
</head>
<body>
	<div id="wrapper">
		<div id="no-js-warning"><p>Внимание! Ваш браузер не поддерживает JavaScript либо данная возможность отключена. Настоятельно рекомендуется исправить ситуацию для корректного отображения сайта.</p></div>
		<div id="left-sidebar">
			<a href="http://towing.su"><img id="logo" src="/clientarea/img/logo.png" alt="Главная" title="Главная"></a>
			<ul id="client-area-sidebar-nav">
				<li>
					<a href="/clientarea/index.html"><img class="icon-1" src="/clientarea/img/icon.png"><span>Главная</span></a>
				</li>
				<li>
					<a href="/clientarea/messages.html" class="active-item"><img class="icon-2" src="/clientarea/img/icon.png"><span>Сообщения</span></a><span class="unread-items"><span class="unread-items-count"><span class="unread-items-count-text">12</span></span></span>
				</li>				
				<li>
					<a href="/clientarea/statistics.html"><img class="icon-3" src="/clientarea/img/icon.png"><span>Статистика</span></a>
				</li>
				<li>
					<a href="/clientarea/drivers.html"><img class="icon-4" src="/clientarea/img/icon.png"><span>Водителям</span></a>
				</li>
				<li>
					<a href="/clientarea/add-funds.html"><img class="icon-5" src="/clientarea/img/icon.png"><span>Пополнить счет</span></a>
				</li>
				<li>
					<a href="/clientarea/profile.html"><img class="icon-6" src="/clientarea/img/icon.png"><span>Профиль</span></a>
				</li>
				<li>
					<a href="/clientarea/price-list.html"><img class="icon-7" src="/clientarea/img/icon.png"><span>Прайс-лист</span></a>
				</li>
				<li>
					<a href="/?logout"><img class="icon-8" src="/clientarea/img/icon.png"><span>Выйти</span></a>
				</li>
			</ul>
			<div class="clear"></div>
			<p id="client-area-sidebar-balance">На Вашем балансе <span>$242,45</span></p>			
		</div>
		<div id="main-content">
			<h1>Сообщения</h1>
			<p>На этой странице вы можете просмотривать все добавленные вами эвакуаторы, у каждого есть свой статус и так далее На этой странице вы можете просмотривать все добавленные вами эвакуаторы, у каждого есть свой статус и так далее. На этой странице вы можете просмотривать все добавленные вами эвакуаторы, у каждого есть свой статус и так далее.</p>			
			<div id="content-inner">
				<form enctype="multipart/form-data" action="" method="get" name="client-area-messages-form">
					<div id="content-inner-top">
						<span class="in-row">Отмеченные в таблице сообщения пометить</span>
						<div class="select-style w126px to-left">
							<select name="message-action" class="select-styled w146px">
								<option selected disabled>Выбрать</option>
								<option value="read">прочитанным</option>
								<option value="unread">непрочитанным</option>															
							</select>														
						</div>					
						<div class="clear"></div>
					</div>
					<table class="client-area-table">
						<thead>
							<tr>
								<th><div class="title"><input type="checkbox" id="checkbox-head" class="table-head-checkbox"><label for="checkbox-head" class="for-table-checkbox"></label></div></th>
								<th><div class="title large-cell"><p>Тема сообщения</p></div></th>
								<th><div class="title mid-cell"><p>Дата</p></div></th>
								<th><div class="title"><img class="eye-action-head" src="/clientarea/img/icon.png"></div></th>
							</tr>
						</thead>
						<tbody>
							<tr id="table-row-0">
								<td><div class="cell"><input type="checkbox" id="checkbox-0" class="table-checkbox" name="message-ids[]" value="17829"><label for="checkbox-0" class="for-table-checkbox"></label></div></td>								
								<td><div class="cell large-cell"><p>Вебинар пройдёт 20 февраля, с 14.00 до 15.30</p></div></td>
								<td><div class="cell mid-cell"><p>07.02.2014</p></div></td>								
								<td><div class="cell"><img class="eye-action" src="/clientarea/img/icon.png"></div></td>
							</tr>
							<tr class="hidden table-row-0">
								<td colspan="4">
									<div class="extended-row-inner">
										<div class="extended-row-inner-content">
											<div class="message-content">
												<p>Добрый день!</p>
												<p>Приглашаем вас принять участие в вебинаре, посвящённом новой возможности Яндекс.Островов – взаимодействию с данными на сайте и отображению их на странице результатов поиска в реальном времени. Он будет интересен всем, кто интересуется проектом Яндекс.Острова и уже пробовал создать свой остров. Вебинар пройдёт 20 февраля, с 14.00 до 15.30 по московскому времени. С уважение Администрация сайта.</p>
											</div>											
										</div>
										<div class="extended-row-inner-footer">
											
										</div>
									</div>
								</td>
							</tr>
							
							<tr id="table-row-1">
								<td><div class="cell"><input type="checkbox" id="checkbox-1" class="table-checkbox" name="message-ids[]" value="18829"><label for="checkbox-1" class="for-table-checkbox"></label></div></td>								
								<td><div class="cell large-cell"><p>Приглашаем вас принять участие в вебинаре, посвящённом новой возможности запуска человека в космос</p></div></td>
								<td><div class="cell mid-cell"><p>29.03.2014</p></div></td>								
								<td><div class="cell"><img class="eye-action" src="/clientarea/img/icon.png"></div></td>
							</tr>
							<tr class="hidden table-row-1">
								<td colspan="4">
									<div class="extended-row-inner">
										<div class="extended-row-inner-content">
											<div class="message-content">
												<p>Добрый день!</p>
												<p>Приглашаем вас принять участие в вебинаре, посвящённом новой возможности Яндекс.Островов – взаимодействию с данными на сайте и отображению их на странице результатов поиска в реальном времени. Он будет интересен всем, кто интересуется проектом Яндекс.Острова и уже пробовал создать свой остров. Вебинар пройдёт 20 февраля, с 14.00 до 15.30 по московскому времени. С уважение Администрация сайта.</p>
											</div>											
										</div>
										<div class="extended-row-inner-footer">
											
										</div>
									</div>
								</td>
							</tr>
							
							<tr id="table-row-2" class="unread-message">
								<td><div class="cell"><input type="checkbox" id="checkbox-2" class="table-checkbox" name="message-ids[]" value="48829"><label for="checkbox-2" class="for-table-checkbox"></label></div></td>								
								<td><div class="cell large-cell"><p>Автоматическое обновление данных о филиалах сетей в Яндексе</p></div></td>
								<td><div class="cell mid-cell"><p>16.04.2014</p></div></td>								
								<td><div class="cell"><img class="eye-action" src="/clientarea/img/icon.png"></div></td>
							</tr>
							<tr class="hidden table-row-2">
								<td colspan="4">
									<div class="extended-row-inner">
										<div class="extended-row-inner-content">
											<div class="message-content">
												<p>Добрый день!</p>
												<p>Приглашаем вас принять участие в вебинаре, посвящённом новой возможности Яндекс.Островов – взаимодействию с данными на сайте и отображению их на странице результатов поиска в реальном времени. Он будет интересен всем, кто интересуется проектом Яндекс.Острова и уже пробовал создать свой остров. Вебинар пройдёт 20 февраля, с 14.00 до 15.30 по московскому времени. С уважение Администрация сайта.</p>
											</div>											
										</div>
										<div class="extended-row-inner-footer">
											
										</div>
									</div>
								</td>
							</tr>
							
							<tr id="table-row-3" class="unread-message">
								<td><div class="cell"><input type="checkbox" id="checkbox-3" class="table-checkbox" name="message-ids[]" value="36545"><label for="checkbox-3" class="for-table-checkbox"></label></div></td>								
								<td><div class="cell large-cell"><p>Вирусы на поддоменах</p></div></td>
								<td><div class="cell mid-cell"><p>25.12.2014</p></div></td>								
								<td><div class="cell"><img class="eye-action" src="/clientarea/img/icon.png"></div></td>
							</tr>
							<tr class="hidden table-row-3">
								<td colspan="4">
									<div class="extended-row-inner">
										<div class="extended-row-inner-content">
											<div class="message-content">
												<p>Hello!</p>
												<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
											</div>											
										</div>
										<div class="extended-row-inner-footer">
											
										</div>
									</div>
								</td>
							</tr>
							
							<tr id="table-row-4" class="unread-message">
								<td><div class="cell"><input type="checkbox" id="checkbox-4" class="table-checkbox" name="message-ids[]" value="34545"><label for="checkbox-4" class="for-table-checkbox"></label></div></td>								
								<td><div class="cell large-cell"><p>Приглашаем на вебинар о новых возможностях Яндекс.Островов</p></div></td>
								<td><div class="cell mid-cell"><p>11.04.2014</p></div></td>								
								<td><div class="cell"><img class="eye-action" src="/clientarea/img/icon.png"></div></td>
							</tr>
							<tr class="hidden table-row-4">
								<td colspan="4">
									<div class="extended-row-inner">
										<div class="extended-row-inner-content">
											<div class="message-content">
												<p>Hello!</p>
												<p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.</p>
											</div>											
										</div>
										<div class="extended-row-inner-footer">
											
										</div>
									</div>
								</td>
							</tr>
							
						</tbody>
					</table>
				</form>
			</div>
		</div>
	</div>
</body>
</html>